/*- ***** BEGIN LICENSE BLOCK *****
  - Version: MPL 1.1/GPL 2.0/LGPL 2.1
  -
  - The contents of this file are subject to the Mozilla Public License Version
  - 1.1 (the "License"); you may not use this file except in compliance with
  - the License. You may obtain a copy of the License at
  - http://www.mozilla.org/MPL/
  -
  - Software distributed under the License is distributed on an "AS IS" basis,
  - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  - for the specific language governing rights and limitations under the
  - License.
  -
  - The Original Code is Timesheet Composer.
  -
  - The Initial Developer of the Original Code is INRIA.
  - Portions created by the Initial Developer are Copyright (C) 2010-2011
  - the Initial Developer. All Rights Reserved.
  -
  - Contributor(s):
  -    Fabien Cazenave <fabien@cazenave.cc>
  -
  - Alternatively, the contents of this file may be used under the terms of
  - either the GNU General Public License Version 2 or later (the "GPL"), or
  - the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  - in which case the provisions of the GPL or the LGPL are applicable instead
  - of those above. If you wish to allow use of your version of this file only
  - under the terms of either the GPL or the LGPL, and not to allow others to
  - use your version of this file under the terms of the MPL, indicate your
  - decision by deleting the provisions above and replace them with the notice
  - and other provisions required by the LGPL or the GPL. If you do not delete
  - the provisions above, a recipient may use your version of this file under
  - the terms of any one of the MPL, the GPL or the LGPL.
  -
  - ***** END LICENSE BLOCK *****/

textbox[type="time"] {
  -moz-binding: url("chrome://timesheets/content/timeline.xml#timebox");
}
waveform {
  -moz-binding: url("chrome://timesheets/content/timeline.xml#waveform");
}

/*******************************************************************************
  * waveform
  *****************************************************************************/

/* timeline */
[anonid="timeline"] {
  position: relative;
  height: 80px; /* apply if the scrollbar is in the <div> block */
  height: 60px;
}
canvas {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
}
canvas[anonid="pcmGraph"] {
  top: 0px;
  height: 60px;
}
canvas[anonid="pcmZoom"] {
  top: 60px;
  height: 20px;
}

/* cursor */
div[anonid="timePos"], div[anonid="timeSpan"] {
  position: absolute;
  top: 0px;
  left: 0;
  height: 58px;
  width: 0;
}
div[anonid="timePos"] {
  z-index: 1;
  border-left: 1px solid navy;
}
div[anonid="timeSpan"] {
  border: 1px solid brown;
  background-color: #fcc;
}
span[anonid="time"] {
  float: left;
  color: brown;
}

/* scrollbar
slider {
  background-color: red;
  min-height: 8px;
  width: 100%;
}
slider thumb {
  border: 2px solid;
  -moz-appearance: scrollbarthumb-horizontal;
  min-width: 8px;
  min-height: 8px;
}
*/
/*
thumb {
  background-image: url("chrome://global/skin/arrow/thumb-vrt.gif");
  min-height: 17px;
  min-width: 0;
}
thumb:active,
scrollbarbutton:hover:active,
scrollbarbutton[active="true"] {
  -moz-border-top-colors:    ThreeDDarkShadow ThreeDShadow;
  -moz-border-right-colors:  ThreeDHighlight  ThreeDHighlight;
  -moz-border-bottom-colors: ThreeDHighlight  ThreeDHighlight;
  -moz-border-left-colors:   ThreeDDarkShadow ThreeDShadow;
}
thumb[orient="horizontal"] {
  background-image: url("chrome://global/skin/arrow/thumb-hrz.gif");
  min-height: 0;
  min-width: 17px;
}
*/


/*******************************************************************************
  * timeController
  *****************************************************************************/

[anonid="mediaTime"] {
  width: 60px;
  text-align: right;
}

/* timeController :: toolbar */
[anonid="toolbar"] {
  /*outline: 1px solid brown;*/
}
[anonid="mediaPlay"] {
  list-style-image: url("chrome://timesheets/skin/24/player_play.png");
}
[anonid="mediaPause"] {
  list-style-image: url("chrome://timesheets/skin/24/player_pause.png");
}
[anonid="zoomFit"] {
  list-style-image: url("chrome://timesheets/skin/24/gtk-zoom-fit.png");
}
[anonid="zoomIn"] {
  list-style-image: url("chrome://timesheets/skin/24/gtk-zoom-in.png");
}
[anonid="zoomOut"] {
  list-style-image: url("chrome://timesheets/skin/24/gtk-zoom-out.png");
}

.playing [anonid="mediaPlay"],
.pause   [anonid="mediaPause"] {
  display: none;
}

/*******************************************************************************
  * timeContainer
  *****************************************************************************/

/* timeContainer :: toolbar */
[anonid="sort"] {
  list-style-image: url("chrome://timesheets/skin/16/gtk-sort-ascending.png");
}

/* timeContainer :: segments */
[anonid="segments"] {
  position: relative;
  width: 100%;
  height: 34px;
  /*margin-top: 60px;*/
  background-color: white;
  border: 1px solid #ddd;
}
[anonid="segments"] > *.unselected {
  position: absolute;
  top: 0;
  background-color: #99f;
  outline: 1pt dashed navy;
  overflow: hidden;
  width: 50px; /* default width, will be overridden */
  height: 32px;
  /*cursor: move;*/
  cursor: pointer;
  opacity: 0.6;
}
[anonid="segments"] > *.selected {
  position: absolute;
  top: 0;
  background-color: red;
  outline: 1pt dashed navy;
  overflow: hidden;
  width: 50px; /* default width, will be overridden */
  height: 32px;
  /*cursor: move;*/
  cursor: pointer;
  opacity: 0.6;
}
[anonid="segments"] > *.active {
  background-color: #f99;
  outline-color: brown;
  z-index: 1;
}
[anonid="segments"] > *:hover {
  /*background-color: #bbf;*/
  /*opacity: 1;*/
  outline-style: solid;
}
[anonid="segments"] div.handle-left,
[anonid="segments"] div.handle-right {
  position: absolute;
  top: 0;
  width: 5px;
  height: 32px;
}
[anonid="segments"] div.handle-left {
  left: 0;
  cursor: w-resize;
}
[anonid="segments"] div.handle-right {
  right: 0;
  cursor: e-resize;
}

.timeNode{
  -moz-binding: url("chrome://timesheets/content/bindings/timeline.xml#timeNode");
}


